<section class="content-section-column">
  <lv-checkbox-group #group [(ngModel)]="selected">
    <lv-group [lvGutter]="'16px'" lvWrap="true">
      <lv-checkbox-all [lvViewType]="'custom'">
        <lv-card
          class="ui-card-check-all"
          lvType="border"
          [lvChecked]="group.checkAllStatus == 1"
          [class.ui-part-select]="group.checkAllStatus == 2"
        >
          <strong class="ui-card-flex">Check All</strong>
        </lv-card>
      </lv-checkbox-all>
      <ng-container *ngFor="let d of data">
        <lv-checkbox [lvViewType]="'custom'" [lvValue]="d.value">
          <lv-card class="ui-card-check-all" lvBordered="true" [lvChecked]="group.isChecked(d.value)">
            <div class="ui-card-flex">{{ d.label }}</div>
          </lv-card>
        </lv-checkbox>
      </ng-container>
    </lv-group>
  </lv-checkbox-group>

  <p>Selected: {{ selected }}</p>
</section>
